
<!DOCTYPE html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="css/details.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">

</head>

<body class="main" id="main">
<header id="login-head" class="detail">
    <div class="head-left"><a href=""><i></i></a></div>
    <div class="head-middle">
        <ul>
            <li class="li-bod"><a href="javascript:;" onclick="history.back(-1)">详情</a></li>
        </ul>
    </div>
    <div class="head-right"><i class="iconfont icon-fenxiang"></i><i class="iconfont icon-msnui-more" id="more"></i></div>
    <div class="menu">
        <i class="iconfont  icon-icon-up"></i>
        <ul class="">
            <li><a href="index.html">
                <i class="iconfont icon-shouye"></i>
                <span>首页</span></a>
            </li>
            <li><a href="fenlei.html">
                <i class="iconfont icon-leimupinleifenleileibie"></i>
                <span>分类</span></a>
            </li>
            <li><a href="cart.html">
                <i class="iconfont icon-gouwuche1"></i>
                <span>购物车</span></a>
            </li>
            <li><a href="personal.html">
                <i class="iconfont icon-wode"></i>
                <span>我的</span></a>
            </li>
        </ul>
    </div>
</header>
<div class="detail-bg"></div>

<article style="padding-bottom: 3.125em;">
        <div class="mian-pic"><div class="main-pic-aa"><img src="images/itemlist-01.png"></div></div>
        <div class="mian-tit">
            <div class="tit-span">简单淘客小程序源码 淘宝客简单淘客小单淘客小程序源码 淘宝客分销小程序 微信小程序</div>
            <div class="tit-middle">
                <ul>
                    <li><strong>&yen;&nbsp;1088.00</strong></li>
                </ul>
            </div>
        </div>
        <div class="main-bg">
            <div class="main-class mian-tit">
                <div class="class-list"><span>选择  套餐版本 </span><i class="icon-list"></i></div>
            </div>
        <div class="main-goods" id="pingjia">
            <div class="goods-pingjia clearfix">
                <p class="pingjia-tit">商品评价</p>
                <ul>
                    <li>
                        <div class="pj-yonghu">WYD****克罗地亚</div>
                        <div class="pj-neirong">宝贝非常好！宝贝非常好！宝贝非常好！宝贝非常好！宝贝非常好!宝贝非常好！</div>
                    </li>
                </ul>
                <div class="pingjia-all">
                    <div class="pj-alltwo"><a href="pingjia.html">查看全部评价</a></div>
                </div>
            </div>
        </div>
        <div class="main-shop">
            <ul>
                <li class="main-shop-pic"><img src="images/itemlist-01.png"/></li>
                <li><span class="shop-tit">店铺名称</span>
                    <br>
                    <span class="iconfont icon-geren">个人</span>
                    <span class="iconfont icon-qiye">企业</span>
                </li>

            </ul>
            <ul class="pingfen">
                <li>
                    <p>1.1</p>
                    <p>店铺评分</p>
                    <i class="shu"></i>
                </li>
                <li>
                    <p>1.1</p>
                    <p>店铺评分</p>
                    <i class="shu"></i>
                </li>
                <li>
                    <p>1.1</p>
                    <p>店铺评分</p>
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-goods" id="xinxi">
        <div class="pingjia-bg"></div>
        <div class="goods-title">
            <div class="iconbg"></div>
            <p>商品信息</p>
        </div>
        <div class="goods-xinxi guding clearfix">
            <ul>
                <li>
                    <span>试用政策：</span><span>支持</span>
                </li>
                <li>
                    <span>试用政策：</span><span>支持</span>
                </li>
                <li>
                    <span>试用政策：</span><span>支持</span>
                </li>
            </ul>
            <div class="pingjia-all">
                <div class="pj-all"><a href="javascript:get_evals();">查看全部信息</a></div>
            </div>
        </div>
    </div>
    <div class="main-goods" id="xiangqing">
        <div class="xiangqing-bg"></div>
        <div class="goods-title">
            <div class="iconbg"></div>
            <p>商品详情</p>
        </div>
        <div class="main-art" id="tab-bar1-content">
            详情
        </div>
    </div>
        <article class="content main-goods">
            <div class="goods-title">
                <div class="iconbg"></div>
                <p>商品推荐</p>
            </div>
            <div class="tuijian-goods lists">
                <ul>
                    <li class="search-bottom">
                        <dl>
                            <dt><img src="images/itemlist-01.png"></dt>
                            <dd class="tj-tit">简单淘客小程序源码 淘宝客分销小程序 微信小程序</dd>
                            <dd class="">
                                <i class="tip qiye"><i class="iconfont icon-qiye"></i> <a href="">企业</a></i>
                                <i class="tip shiyong">试用</i>
                                <i class="tip baozheng"><i class="iconfont icon-baozhengjin"></i>保证金</i>
                            </dd>
                            <dd class="tj-jiage"><span class="tj-price">&yen;</span><b>450</b><span class="tj-xiaol">成交<span>125</span></span></dd>
                        </dl>
                    </li>
                    <li class="search-bottom">
                        <dl>
                            <dt><img src="images/itemlist-01.png"></dt>
                            <dd class="tj-tit">简单淘客小程序源码 淘宝客分销小程序 微信小程序</dd>
                            <dd class="">
                                <i class="tip qiye"><i class="iconfont icon-qiye"></i> <a href="">企业</a></i>
                                <i class="tip shiyong">试用</i>
                                <i class="tip baozheng"><i class="iconfont icon-baozhengjin"></i>保证金</i>
                            </dd>
                            <dd class="tj-jiage"><span class="tj-price">&yen;</span><b>450</b><span class="tj-xiaol">成交<span>125</span></span></dd>
                        </dl>
                    </li>
                    <li class="search-bottom">
                        <dl>
                            <dt><img src="images/itemlist-01.png"></dt>
                            <dd class="tj-tit">简单淘客小程序源码 淘宝客分销小程序 微信小程序</dd>
                            <dd class="">
                                <i class="tip qiye"><i class="iconfont icon-qiye"></i> <a href="">企业</a></i>
                                <i class="tip shiyong">试用</i>
                                <i class="tip baozheng"><i class="iconfont icon-baozhengjin"></i>保证金</i>
                            </dd>
                            <dd class="tj-jiage"><span class="tj-price">&yen;</span><b>450</b><span class="tj-xiaol">成交<span>125</span></span></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </article>
</article>

<div id="gotop"></div>

<footer class="mian-foot clearfix">
    <ul class="foot-user">

        <li><a href="javascript:;">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p></a>
        </li>
        <li class="cop" data-qq="2850881775">
            <a href="javascript:;">
                <i class="iconfont icon-qq2"></i>
                <p id="cartdd">联系卖家</p>
            </a>
        </li>
        <li class="addcart zixun active" id="cart">
            <i class="iconfont icon-gouwuche2"></i>
            <p >加入购物车</p>
        </li>
        <li class="foot-buy">
            <a href="javascript:;">
                立即购买
            </a>
        </li>
    </ul>
</footer>
<!--弹出选择分类-->
<aside id="aside">
    <div id="pop-bg"></div>
    <div id="pop-main">
        <div class="sku-pro">
            <div class="sku-pro-img"><img src="images/itemlist-01.png"></div>
            <div class="sku-pro-price">
                <p class="h price">&yen;1088.00</p>
                <p class="goods-title" id="title">简单淘客小程序源码简单淘客小程序源码简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
                <p class="txt"><span>已选:“</span> <span class="yixuan">套餐套餐1</span>”</p>
            </div>
            <div class="sku-close"><i></i></div>
        </div>
                <div class="sku-info">
            <p>套餐选择</p>
            <ul class="guige">
                <li spec_id="14884" price="1088.00" storage="4"><a>套f套餐1</a></li>
                <li spec_id="14884" price="1000.00" storage="4"><a>套餐套餐1</a></li>
                <li spec_id="14884" price="888.00" storage="4"><a>套g套餐1</a></li>
                <li spec_id="14884" price="1008.00" storage="4"><a>套餐套餐1</a></li>
            </ul>
        </div>
                <div class="sku-buys">
            <p>数量选择</p>
            <div class="buy-test" id="buy-test">
                <div id="buy_min" class="buy_min"><i></i></div>
                <div class="buy_num buy_shuliang">1</div>
                <div id="buy_max" class="buy_max"><i></i></div>
            </div>
        </div>
        <div class="sku-btns">
            <div class="sku-btn-addcart"><a href="javascript:;">加入购物车</a></div>
            <div class="sku-btn-gobuy"><a href="xiadan.html">立即购买</a></div>
        </div>
    </div>
</aside>
<div class="cop-box"></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/gotop.js"></script>
<script type="text/javascript" src="js/clipboard.min.js"></script>
<script>
    function get_evals(){
        $(".pj-all").hide();
        $('.goods-xinxi').removeClass("guding")
        $('.goods-xinxi').css("padding-bottom","1em")
    }

    $(document).ready(function(){
//        $(".addcart").click(function () {
//            $("#aside").show()
//        })
        var my_cat='';
        details();
        tjtit();
        more();
        $('.cop').click(function(){
            $('.cop-box').html("复制成功").show(300).delay(3000).hide(300);
        });
        var clipboard = new Clipboard('.cop',{
            text: function(trigger) {
                return trigger.getAttribute('data-qq');
            }
        });
    });

</script>

</body>
</html>
